<template lang="html">
<section :class="[panelClass,cname]">
  <h4>--{{title}}--</h4>
    <slot/>
</section>
</template>

<script>
export default {
  props:{
    title:{
      type:String,
      default:''
    },
    cname:{
      type:String,
      default:''
    }
  },
  data(){
    return {
      panelClass:'panel'
    }
  }
}
</script>

<style lang="scss">
@import '../../css/element.scss';
.panel{
  font-weight: 700;
  @include panel;
}
</style>
